<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="core" %>
<%@ taglib prefix="fmt" uri="fmt" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html>
<head>
<title>气泡讨论板块</title>
		<link rel="stylesheet" type="text/css" href="<%=path%>/page/front/disc/css/normalize.css" />
		<link rel="stylesheet" type="text/css" href="<%=path%>/page/front/disc/css/icons.css" />
		<link rel="stylesheet" type="text/css" href="<%=path%>/page/front/disc/css/style1.css" />
		<link rel="stylesheet" type="text/css" href="<%=path%>/page/front/disc/css/style2.css" />
		
        <link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
	 	<script type="text/javascript" src="<%=path%>/page/front/disc/bianji/src/js/libs/jquery-1.10.2.min.js"></script>
		<!-- Loading Bootstrap1 -->
    	<link rel="stylesheet" type="text/css" href="<%=path%>/page/front/disc/css/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="<%=path%>/page/front/disc/bianji/style.css">
        <link rel="stylesheet" type="text/css" href="<%=path%>/page/front/disc/bianji/src/js/jquery.notebook.css">
        <link rel="stylesheet" type="text/css" href="<%=path%>/page/front/disc/bianji/css/default.css" />
        <link rel="stylesheet" type="text/css" href="<%=path%>/page/front/disc/bianji/css/component.css" />
        <script src="<%=path%>/page/front/disc/bianji/js/modernizr.custom.js"></script>
        <script src="<%=path%>/page/front/them/reconnecting-websocket.js"></script>
		<style type="text/css">
            #submit{
            	width:95%;
            	margin:0 auto;
            	height:50px;
            	margin-top:20px;
            }
            #select{
            	margin-top:10px;
            	float:right;
            }
            #edit{
            	width:100%;
            }
            #use{
            	width:100%;
            }
            div{ word-wrap: break-word; word-break: normal;}
           
            
            #top{
            	width:100px;
            	height:50px;
            	margin:10px auto;
            }
            #top a{
            	color:#fff;
            	border:0px;
            }
            #top a:hover{
            	color:#c55500;
            	background:none;
            	border:1px;
            }
            .taolunban{
            	width:100%;
            }
             .tupian{
            	width:100px;
            	height:110px;
            	margin-top:-15px;
            	margin-right:-16px;
             	position:absolute;
             	right:-100px;
            	z-index:22;
            }
            .tupian1{
            	width:100px;
            	height:110px;
            	margin-top:-15px;
            	margin-left:-15px;
             	position:absolute;
             	left:-106px;
            	z-index:22;            
            }
            .tu{
            	width:72px;
            	height:72px;
            	margin:0 auto;
            }
            .tu a{
            	background:none;
            	border:0px;
            }
            .neirong{
            	width:100px;
            	height:40px;
            	text-align:center;
            	font-size:14px;
            	color:#fff;
            	line-height:13px;
            }
            .img{
            	-webkit-border-radius:72px;
              	-moz-border-radius:72px;
              	border-radius:72px;
            }
            .zan{
            	width:30px;
            	height:40px;
            	margin-top:38px;
            	margin-left:85px;
             	position:absolute;
            	z-index:32; 
            	color:#c55500;
				font-size:12px;
				text-align:center;
            }
             #fanhui{
            	width:80px;
            	height:80px;
            	position:fixed;
            	left:30px;
            	bottom:30px;
            }
             #fanhui a{
             	display:block;
             	width:80px;
             	height:80px;
             	color:#fff;
             	text-align:center;
             	line-height:80px;
             	font-size:20px;
             	font-family: "楷体","楷体_GB2312";
             }
             #fanhui a:hover{
             	text-decoration:none;
             }
             #title{
             	width:600px;
             	height:50px;
             	margin:10px auto;
             	text-align:center;
             	line-height:40px;
             	font-size:20px;
             	color:#fff;
             }
             #buttoms{
	    		width:70%;
	    		height:60px;
	    		margin:0 auto;
	    	}
	    	#prep{
	    		width:50px;
	    		height:30px;
	    		float:left;
	    	}
	    	#next{
	    		width:50px;
	    		height:30px;
	    		float:right;
	    	}
	    	#zhong{
	    		width:150px;
	    		margin:0 auto;
	    		color:#fff;
	    		text-align:center;
             	font-family: "楷体","楷体_GB2312";
	    	}
             #buttoms a{
	    		width:50px;
	    		height:30px;
	    		color:#fff;
	    		border:0px;
             	font-family: "楷体","楷体_GB2312";
	    	}
        </style>
         
</head>

<body>
	<div class="container"><br/>
		<div class="content"><div id="title">${theme.thName}</div>
			<c:forEach items="${pages.list}" var="all">
				<div class="taolunban">
					<div class="triangle-right left">
						<div class="tupian1"><div class="zan">关注<br/><span id="dianzan${all.dsId}">${all.suport}</span></div>
							<div class="tu">
								<img class="img" height="72"  id="img${all.dsId}" src="../../page/upload/images/
								<c:if test="${all.users.image.imLoclhost==null}">123456.jpg</c:if>
								<c:if test="${all.users.image.imLoclhost!=null}">${all.users.image.imLoclhost}</c:if>"/>
							</div>
							<div class="neirong">${all.users.uName} <br/> <font style="font-size:12px;"><fmt:formatDate value="${all.dsTime}" pattern="yy-MM-dd HH:mm:ss" /></font></div>
						</div>
						${all.dsContent}
					</div>
				</div>
			</c:forEach><br/>
			
		</div>
		<div id="buttoms">
			<c:if test="${pages.pageNum!=1}">
				<div id="prep"><a href="${theme.thId}.html?p=${pages.pageNum-1}">上一页</a></div>
			</c:if>
			<div id="zhong">当前 ${pages.pageNum} / ${pages.pageCount}</div>
			<c:if test="${pages.pageNum<pages.pageCount}">
				<div id="next"><a href="${theme.thId}.html?p=${pages.pageNum+1}">下一页</a></div>
			</c:if>
		</div>
	</div>
	<div id="fanhui">
		<a href="javascript:void(0);" onclick="history.go(-1)">返回</a>
	</div>
		
	</body>
	<script src="<%=path%>/page/front/disc/js/classie.js"></script>
	<script src="<%=path%>/page/front/disc/js/borderMenu.js"></script>
	<!-- 编辑器 -->
	 <script type="text/javascript" src="<%=path%>/page/front/disc/bianji/src/js/libs/jquery-1.10.2.min.js"></script>
      <script type="text/javascript" src="<%=path%>/page/front/disc/bianji/src/js/jquery.notebook.js"></script>
      <script type="text/javascript">
          $(document).ready(function() {
              $('.editor').notebook({
                  autoFocus: true,
                  placeholder: '我也来说一句'
              });
//           	  var d=document.getElementsByTagName('bold');
//           	  d.style.margin="0";
				
          });
          
      </script>
      <script src="<%=path%>/page/front/disc/bianji/js/ytmenu.js"></script>
     
		
	
</html>  